<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			
			body {
				margin: 0;
				padding: 0;
				width: 100%;
				height: 100%;

			}

			.div1 {
				width: 100%;
				height: 40px;
				background: #333;
			}

			ul {
				margin: 0;
				padding: 0;

			}

			.div1 ul li {
				list-style-type: none;
				display: inline-block;


			}

			.ul1 {

				height: 30px;
				float: left;
				margin-left: 20px;
			}

			.ul2 {
				margin-right: 20px;
			}

			.div1 ul li {
				font-size: 12px;
				line-height: 40px;
				color: #b0b0b0;

			}

			.div1 .ul1 {
				float: left;
			}

			.div1 .ul1 li {
				margin-right: 5px;
			}

			.div1 .ul2 li {
				margin-left: 20px;
			}

			.div1 .ul2 .li1 {
				width: 140px;
				height: 40px;
				background: #424242;
				text-align: center;
			}

			.div1 .ul2 {
				float: right;
			}

			.sep {
				font-size: 12px;
				color: #424242;
			}

			.div1 li:hover {
				color: white;
			}

			.div1 .li1 img {
				vertical-align: middle;
				margin-top: -4px;
			}

			.ul2 .li1:hover {
				color: rgb(255, 103, 0);
				background: #FFFFFF;

			}

			.div2 {
				width: 230px;
				height: 490px;
				background: rgba(0, 0, 0, 0.2);
				
				color: #FFFFFF;
				text-align: left;
			}

			.div2 ul {
				list-style-type: none;
				padding: 20px 0;

			}

			.div2 ul li {
				width: 205px;
				font-size: 14px;
				line-height: 45px;
				float: left;
				padding-left: 25px;


			}

			.div2 ul li span {


				line-height: 45px;
				vertical-align: middle;

				float: right;
				margin-right: 20px;
			}

			.div2 li:hover {
				background: rgb(255, 103, 0);
			}
			.bj{
				background: url(img/67cb72ad9bc29b50a3baeaa592dcdf98.jpg) no-repeat;
				background-size: 100% 100%;
				margin:auto 20px ;
			}
			.top{
				width: 100%;
				height: 100px;
			}
			.logo{
				width: 52px;
				height: 50px;
				background: #ff6700;
				position: absolute;
				display: block;
				top: 65px;
				left: 20px;
				
			}
			.ul3 ul li{
				list-style-type: none;
			}
			.ul3 ul li{
				
				float: left;
			    line-height: 100px;
				margin-right: 19px;
				
			}
			.ul3 ul li:hover{
				color: rgb(255,103,0);
			}
			.ul3{
				width: 700px;
				margin-left: 250px;
			}
			.top_right{
				line-height: 100px;
				position: absolute;
				left: 1000px;
			}
			.ss{
				height: 36px;
				width: 200px;
			}
			.tj{
				
				background:url(img/搜索.png) no-repeat center center;
				width:40px;
				height:43px;
				border:#B0B0B0 solid 1px;
				cursor:pointer;
                background-size: 90% 90%;
				position: absolute;
				top: 30px;
				
				
			}
			
			
			.top-4-left{
				background: rgb(95,87,80);
				margin: auto 20px ;
				width: 230px;
				height:170px;
				margin-top: 20px;
			}
			.top-4 .top-4-left a{
				text-decoration: none;
				color: rgb(207,204,202);
				width: 50px;
				font-size: 11px;
				
				display:block;
				 height:40px; 
				 width:50px
				
				
				
			}
			.top-4-left a{
				margin: 12px;
			}
			.top-4-left ul{
				
				margin: 0px;
    
	
				
			}
			.top-4-left ul li{
				 display: inline-block;
				 
                 border: 1px solid #665e57;
                 
                width: 71.5px;
                height: 82.5px;
				
               
                

			}
			.top-4-left ul li img{
				position: relative;
				left: 20px;
				top: 8px;
			}
			.top-4-right{
				
			}
			.top-4-right ul li {
				 display: block;
				 float: left;
				border: 1px solid #665e57;
				width: 300px;
				height: 170px;
				background: #FF6700;
				margin-left: 32px;
			}
			.top-4-right{
				position:absolute;
				top: 650px;
				left: 240px;
			}
			
			.top-5{
				width: 100%;
				height: 500px;
				background: rgb(245,245,245);
				margin-top: 20px;
				}
			.top-5-top{
				margin: 0;
    font-size: 26px;
    font-weight: 100;
    line-height: 50px;
    color: #333;
			}
			.top-5-bolew-left{
				background:  rgb(241,237,237)  ;
				width: 230px;
				height: 342px;
				margin-left: 20px;
				text-align: center;
				border-top: red solid 1px;
				float: left;
			}
			.top-5-bolew-left div{
				margin-top: 10px;
			}
			.round{
				padding-top: 130px;
			}
			.top-5-bolew-right {
				position: absolute;
				
				left: 270px;
				
			}
			.top-5-bolew-right .title {
    margin: 0 20px 3px;
    font-size: 13px;
    font-weight: 400;
    text-overflow: ellipsis;
    color: #212121;
    overflow: hidden;
    
}
           .top-5-bolew-right .dese{
    height: 18px;
    margin: 0 20px 12px;
    font-size: 12px;
    text-overflow: ellipsis;
    color: #b0b0b0;
    overflow: hidden;
    white-space: nowrap;
}
 .price {
    margin: 0;
    color: #ff6709;
	}
	
	 .thumb {
    display: block;
    width: 160px;
    margin: 0 auto 30px;
	margin-top:50px ;
}
.top-5-bolew-left .top-5-bolew-right{
	float: right;
}
.top-5-bolew-right li {
    width: 234px;
    margin-right: 14px;
    border-top-width: 1px;
   height: 342px;
    text-align: center;
    background: #fff;
  float: left;
    position: relative;
    list-style: none;
}
.top-6{
	
	width: 100%-20px;
	height: 150px;
	margin:auto 20px ;
}
.top-7{
	background:rgb(245,245,245);
	width: 100%;
	height: 670px;
}
.top-7-top .title{
	margin: 0 20px 3px;
	font-size: 20px;
	font-weight: 400;
	text-overflow: ellipsis;
	color: #212121;
	overflow: hidden;
	
}
.top-7-bolew-left ul {
	list-style-type: none;
}
.top-7-bolew-right ul {
	list-style-type: none;
}
.top-7-bolew-left{
	float: left;
}
.top-7-bolew-right ul li{
	background: #FFFFFF;
	float: left;
	width:229px ;
	height: 290px;
	margin-left: 20px;
	
}

.top-7-bolew-left{
	margin-left: 20px;
}
.top-7-bolew-right .thumb{
	display: block;
	width: 180px;
	
	
}
.top-7-bolew-right .thumb img{
	margin-left: 10px;
	margin-top: -20px;
	}
.top-7-bolew-right .title {
    margin: 0 20px 3px;
    font-size: 13px;
    font-weight: 400;
    text-overflow: ellipsis;
    color: #212121;
    overflow: hidden;
	text-align: center;
    
}
         .top-7-bolew-right .dese{
    height: 18px;
    margin: 0 10px 0px;
    font-size: 12px;
    text-overflow: ellipsis;
    color: #b0b0b0;
    overflow: hidden;
    white-space: nowrap;
	text-align: center;
}
 .top-7-bolew-right .price {
    
	text-align: center;
    color: #ff6709;
	}
	.top-7 .bolew{
		margin-top: 18px;
	}
	
	
	.hr-2{
		width: 100%-20px;
		height: 150px;
		margin: 40px 20px ;
	}
	
	.top-8{
		background:rgb(245,245,245);
		width: 100%;
		height: 670px;
	}
	.top-8-top .title{
		margin: 0 20px 3px;
		font-size: 20px;
		font-weight: 400;
		text-overflow: ellipsis;
		color: #212121;
		overflow: hidden;
		
	}
	.top-8-bolew-left ul {
		list-style-type: none;
	}
	.top-8-bolew-right ul {
		list-style-type: none;
	}
	.top-8-bolew-left{
		float: left;
	}
	.top-8-bolew-right ul li{
		background: #FFFFFF;
		float: left;
		width:229px ;
		height: 290px;
		margin-left: 20px;
		
	}
	
	.top-8-bolew-left{
		margin-left: 20px;
	}
	.top-8-bolew-right .thumb{
		display: block;
		width: 180px;
		
		
	}
	.top-7-bolew-right .thumb img{
		margin-left: 10px;
		margin-top: -20px;
		}
	.top-8-bolew-right .title {
	    margin: 0 20px 3px;
	    font-size: 13px;
	    font-weight: 400;
	    text-overflow: ellipsis;
	    color: #212121;
	    overflow: hidden;
		text-align: center;
	    
	}
	         .top-8-bolew-right .dese{
	    height: 18px;
	    margin: 0 10px 0px;
	    font-size: 12px;
	    text-overflow: ellipsis;
	    color: #b0b0b0;
	    overflow: hidden;
	    white-space: nowrap;
		text-align: center;
	}
	 .top-8-bolew-right .price {
	    
		text-align: center;
	    color: #ff6709;
		}
		.top-8 .bolew{
			margin-top: 18px;
		}
		.top-8 .bolew8{
			margin-top: 18px;
			width: 230px;
			height: 150px;
		}
		.top-8 .bolew8 img{
			width: 100px;
			height: 100px;
			float: right;
			margin-right: 20px;
			margin-top: -20px;
			
		
		}
		.top-8 .bolew8 li{
			width:220px ;
			height: 140px;
		}
		.top-8 .bolew8 .title3{
			margin: 44px 20px 20px 1px;
			font-size: 15px;
			font-weight: 400;
			text-overflow: ellipsis;
			color: #212121;
			overflow: hidden;
			text-align: center;
			
		}
		.top-8 .bolew8 .price3{
			text-align: center;
			color: #ff6709;
		}
		.top-8 .bolew9{
			width:230px ;
			height: 110px;
			margin-top: 20px;
		}
		.top-8 .bolew9 img{
			
			float: right;
			margin-right: 20px;
			margin-top: 10px;
			
		
		}
		.top-8 .bolew9 li{
			width:220px ;
			height: 140px;
		}
		.top-8 .bolew9 .title4{
			margin: 20px 20px 20px 1px;
			font-size: 15px;
			font-weight: 400;
			text-overflow: ellipsis;
			color: #212121;
			overflow: hidden;
			text-align: center;
			
		}
		.top-8 .bolew9 .price4{
			text-align: center;
			color: #ff6709;
		}
		.hr-3{
			width: 100%-20px;
			height: 150px;
			margin: 40px 20px ;
		}
		
		.top-9{
			background:rgb(245,245,245);
			width: 100%;
			height: 670px;
		}
		.top-9-top .title{
			margin: 0 20px 3px;
			font-size: 20px;
			font-weight: 400;
			text-overflow: ellipsis;
			color: #212121;
			overflow: hidden;
			
		}
		.top-9-bolew-left ul {
			list-style-type: none;
		}
		.top-9-bolew-right ul {
			list-style-type: none;
		}
		.top-9-bolew-left{
			float: left;
		}
		.top-9-bolew-right ul li{
			background: #FFFFFF;
			float: left;
			width:229px ;
			height: 290px;
			margin-left: 20px;
			
		}
		
		.top-9-bolew-left{
			margin-left: 20px;
		}
		.top-9-bolew-right .thumb{
			display: block;
			width: 180px;
			
			
		}
	
		.top-9-bolew-right .title {
		    margin: 0 20px 3px;
		    font-size: 13px;
		    font-weight: 400;
		    text-overflow: ellipsis;
		    color: #212121;
		    overflow: hidden;
			text-align: center;
		    
		}
		         .top-9-bolew-right .dese{
		    height: 18px;
		    margin: 0 10px 0px;
		    font-size: 12px;
		    text-overflow: ellipsis;
		    color: #b0b0b0;
		    overflow: hidden;
		    white-space: nowrap;
			text-align: center;
		}
		 .top-9-bolew-right .price {
		    
			text-align: center;
		    color: #ff6709;
			}
			.top-9 .bolew{
				margin-top: 18px;
			}
			.top-9 .bolew8{
				margin-top: 18px;
				width: 230px;
				height: 150px;
			}
			.top-9 .bolew8 img{
				width: 100px;
				height: 100px;
				float: right;
				margin-right: 20px;
				margin-top: -20px;
				
			
			}
			.top-9 .bolew8 li{
				width:220px ;
				height: 140px;
			}
			.top-9 .bolew8 .title3{
				margin: 44px 20px 20px 1px;
				font-size: 15px;
				font-weight: 400;
				text-overflow: ellipsis;
				color: #212121;
				overflow: hidden;
				text-align: center;
				
			}
			.top-9 .bolew8 .price3{
				text-align: center;
				color: #ff6709;
			}
			.top-9 .bolew9{
				width:230px ;
				height: 110px;
				margin-top: 20px;
			}
			.top-9 .bolew9 img{
				
				float: right;
				margin-right: 20px;
				margin-top: 10px;
				
			
			}
			.top-9.bolew9 li{
				width:220px ;
				height: 140px;
			}
			.top-9 .bolew9 .title4{
				margin: 20px 20px 20px 1px;
				font-size: 15px;
				font-weight: 400;
				text-overflow: ellipsis;
				color: #212121;
				overflow: hidden;
				text-align: center;
				
			}
			.top-9 .bolew9 .price4{
				text-align: center;
				color: #ff6709;
			}
		   	.hr-4{
		   	width: 100%-20px;
		   	height: 150px;
		   	margin: 40px 20px ;
		   }
	 .top-9 .top-10{
		 width: 284px;
			height: 300px;
			margin-left: 28px;
		}
		   
		
		
		
			
/* 			.div2 li::after{
		content: '';
		background: url(img/右.png) center no-repeat;
		background-size: 100% 100%;
		
		width: 16px;
		height: 14px;
		display: inline-block;
		float: right;
		margin: 14px 0;	
	} */
		</style>
	</head>
	<body>
		<div>
			<div class="div1">
				<ul class="ul1">
					<li>小米商城</li><span class="sep">|</span>
					<li>MIUI</li><span class="sep">|</span>
					<li>loT</li><span class="sep">|</span>
					<li>云服务</li><span class="sep">|</span>
					<li>金融</li><span class="sep">|</span>
					<li>有品</li><span class="sep">|</span>
					<li>小爱开放平台 </li><span class="sep">|</span>
					<li>企业团购 </li><span class="sep">|</span>
					<li>资质证照</li><span class="sep">|</span>
					<li>协议规则</li><span class="sep">|</span>
					<li>下载app</li><span class="sep">|</span>
					<li>Select Location</li>
				</ul>
				<ul class="ul2">
					<li>登录</li><span class="sep">|</span>
					<li>注册</li><span class="sep">|</span>
					<li>消息通知</li>
					<li class="li1"><img src="img/购物车空.png" width="20" height="18" /> 购物车<span>(0)</span></li>
				</ul>
			</div>

			<div class="top">
				<div class="logo"><a href="#"><img src="img/mi-logo.png"></a></div>
				<div class="ul3">

					<ul>
						<li>小米手机</li>
						<li>Redmi 红米</li>
						<li>电视</li>
						<li>笔记本</li>
						<li>家电</li>
						<li>路由器</li>
						<li>智能硬件</li>
						<li>服务</li>
						<li>社区</li>

					</ul>

				</div>
				<div class="top_right">
					<form>
						<input class="ss" type="text" />
						<input class="tj" type="submit" value="" style="background-image:url(img/搜索.png);">
					</form>

				</div>

			</div>


			<div class="bj">
				<div class="div2">

					<ul>
						<li>手机电话卡<span> <img src="img/右.png" width="16" height="14"> </span></li>
						<li>电视盒子<span><img src="img/右.png" width="16" height="14"></span></li>
						<li>笔记本平板<span><img src="img/右.png" width="16" height="14"></span></li>
						<li>家电插线板<span><img src="img/右.png" width="16" height="14"></span></li>
						<li>出行穿戴<span><img src="img/右.png" width="16" height="14"></span></li>
						<li>智能路由器<span><img src="img/右.png" width="16" height="14"></span></li>
						<li>电源配件<span><img src="img/右.png" width="16" height="14"></span></li>
						<li>健康儿童<span><img src="img/右.png" width="16" height="14"></span></li>
						<li>耳机音箱<span><img src="img/右.png" width="16" height="14"></span></li>
						<li>生活精包<span><img src="img/右.png" width="16" height="14"></span></li>

					</ul>
				</div>
			</div>
             
			 <div style="background:rgb(245,245,245);">
			<div class="top-4">
				
				<div class="top-4-left">
					<ul>
						<li><img src="img/82abdba456e8caaea5848a0cddce03db.png" width="30" height="30"><a href="#">小米秒杀</a>
						</li>
						<li><img src="img/806f2dfb2d27978e33fe3815d3851fa3.png" width="30" height="30"><a href="#">企业团购</a></li>
						<li><img src="img/9a76d7636b08e0988efb4fc384ae497b.png" width="30" height="30"><a href="#">充值话费</a></li>
						<li><img src="img/eded6fa3b897a058163e2485532c4f10.png" width="30" height="30"><a href="#">F码通道</a></li>
						<li><img src="img/43a3195efa6a3cc7662efed8e7abe8bf.png" width="30" height="30"><a href="#">米 粉 卡</a></li>
						<li><img src="img/f4846bca6010a0deb9f85464409862af.png" width="30" height="30"><a href="#">以旧换新</a></li>
					</ul>

				</div>
				
				<div class="top-4-right">
					<ul>
						<li><img src="img/37d52be5170e1b25d30ff44db4b0791c.jpg" height="170" width="300" ></li>
						<li><img src="img/e7b51b721c3319e9c2916cc41cd9c695.jpg" height="170" width="300"></li>
						<li><img src="img/816a66edef10673b4768128b41804cae.jpg" height="170" width="300"></li>
						
					</ul>
					
				</div>

			</div>
			
			<div class="top-5">
				<div class="top-5-top">
					<p class="title" style="padding: 20px;">小米闪购</p>
				</div>
				<div class="top-5-bolew">
					<div class="top-5-bolew-left">
						<div class="round">14:00 场</div>
						<img src="data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA1CAYAAAAklDnhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ
bWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp
bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6
eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1
MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo
dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw
dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv
IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS
ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD
cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5j
ZUlEPSJ4bXAuaWlkOjY4Q0ZFMkY5MTJFNzExRThCMkM4OEM1RTNBNjczQUVBIiB4bXBNTTpEb2N1
bWVudElEPSJ4bXAuZGlkOjY4Q0ZFMkZBMTJFNzExRThCMkM4OEM1RTNBNjczQUVBIj4gPHhtcE1N
OkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjhDRkUyRjcxMkU3MTFFOEIy
Qzg4QzVFM0E2NzNBRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjhDRkUyRjgxMkU3MTFF
OEIyQzg4QzVFM0E2NzNBRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94Onht
cG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5oEyacAAACoklEQVR42sSYv0tbURTHX0LqD6T4g4pE
cHDoUOloBxVd/QFFEcQqWtrSKlKFmmAslopohzgIbv4FwUEE0clFujiIi+BSIbRQ0ooKRReRULHf
S48Qgu++c3/FAx+iyU3eJzf3nnPuC/1qavQ04zVY8szjCHRGNN9cBD6DSkOJKzAGzsOaH/AW1FuY
jRg4EH/oiJSCTxYk1sDK7T86Iu9BraHED/Au9wlVkYdg2lAiC/rBhYnIB/DIUOQj2M9/UkWkCsQN
JbbA8l0vqIhMgXIDiZ/gFbgxEakBEwYSf8Eg+OM3gCsyA8oMRETy25UN4IjUgVEDiW2wGDSIIzIL
ijUljsFLv3WhIvKYFphOXNO6OOUMDhKZA7qFcQF85Q6WXeQpeKEpcULlvY8xthp8iwR8I93qLLb7
KnOsSPWNfhd6Bro99yHqTi9IhyWzEXIsIXbSG7Djt1jbQHsBZkMkyZRs13wpgIRoiJKy7dsBWh1L
bN5Vt3JFQrQ2XMYeGKBk5yvSI7aRQ4k0eA4uZZlVPM47lDgTZxd6lKb4AcqkLuKSZiIdVGsiVFNc
xDV9yT1Orekjoe+MDw4pHqwmaJewit66Ql0QaX+DOTaZe4DitAFZxQaaEynKnJ6KCDeaQAtj3A7V
kBtXIpwT3iFV06zqquaKPKEtKIsM6Mo/StoWiQeMvSCJjO4+54hEwTCjuTk0STgckUm6QxTY3LgU
Kc+/jyFrblyKCIkKbnPjSkT8HDGV5saVyBAtVHZz40Ik7HNTRtrcuBARF2tQbW5ciCR0mhvbIs2E
cnNjWySh29zYFGnIK25KzY1Nkdziptzc2BKJUu7Qbm5sicQom2o3NzZEKqiu/DZpbmyIjIAHNBMZ
7x4iTALjhcgVQSIl3v87w5vePcY/AQYAFYR6skFSqBUAAAAASUVORK5CYII=" alt="小米闪购">
						<div class="desc">本场已结束</div>
						<div class="countdown clearfix">
							<span>00</span><i>:</i><span>00</span><i>:</i><span>00</span></div>
						
					</div>
					<div class="top-5-bolew-right">
						<ul>
							
							<li style="border-top: darkblue solid 1px;">
							<div class="thumb">
								<div><img src="img/111.jpg" width="160" height="160"></div>
								<h3 class="title">小米蓝牙音频接受器</h3>
								<p class="dese">尽享无限音乐</p>
								<p class="price"><span>69</span>元
                            <del>99元</del></p>
								</div>
							</li>
							<li style="border-top: seagreen solid 1px;">
								<div class="thumb">
									<div><img src="img/484318ef4e069d5587b6526024fc6ebf.jpg" width="160" height="160"></div>
									<h3 class="title">小米蓝牙耳机</h3>
									<p class="dese">真无限，乐享无限自由</p>
									<p class="price"><span>359</span>元
								<del>399元</del></p>
									</div>
							</li>
							<li style="border-top:brown solid 1px;">
								<div class="thumb">
									<div><img src="img/426977e89fdb78103a9cff97f9a3a028.jpg" width="160" height="160"></div>
									<h3 class="title">小米笔记本电脑</h3>
									<p class="dese">全面均衡国民电脑</p>
									<p class="price"><span>2799</span>元
								<del>3399元</del></p>
									</div>
							</li>
							<li style="border-top: #FF6700 solid 1px;">
								<div class="thumb">
									<div><img src="img/7b014c328d8503992006a159f532e8a6.jpg" width="160" height="160"></div>
									<h3 class="title">米兔智能故事机</h3>
									<p class="dese">能说会道，好伙伴</p>
									<p class="price"><span>179</span>元
								<del>199元</del></p>
									</div>
							</li>
						</ul>
						
					</div>
					
					
				</div>
				
				
			</div>
			<div class="top-6">
				<img src="img/b8bdd93c2aad57ede093b09d40000a48.jpg" width="100%"  />
				
			</div>
			<div class="top-7">
				<div class="top-7-top">
					<p class="title" style="padding: 20px;">手机</p>
				</div>
				<div class="top-7-bolew">
					<div class="top-7-bolew-left">
						<ul>
							<li><img src="img/79ed6663b57e30554a5d1f0653c68b78.jpg" width="230" height="600"></li>
						</ul>
						
					</div>
					<div class="top-7-bolew-right">
						<ul>
							<li><div class="thumb">
								<div><img src="img/6f2493e6c6fe8e2485c407e5d75e3651.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 8 Pro</h3>
								<p class="dese">6400万全场景四摄</p>
								<p class="price"><span>1399</span>元
                            </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/beee478168e5c4fd0d66369386fddbbe.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi K20 pro</h3>
								<p class="dese">晓龙855，弹出全面屏</p>
								<p class="price"><span>2299</span>元
                            </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/0ce61b71e2f81df62bd0c05aaa901d22.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 7</h3>
								<p class="dese">4800万拍照千元机</p>
								<p class="price"><span>1099</span>元
                            </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/4c87947d104ee5833913e4c520108f16.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 8</h3>
								<p class="dese">千元4800万四摄</p>
								<p class="price"><span>999</span>元
                            </p>
								</div></li>
							<li class="bolew"><div class="thumb">
								<div><img src="img/9aab8a7fa9005ef918c9aa2d5f17c806.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi 7</h3>
								<p class="dese">4000mAh超长续航</p>
								<p class="price"><span>699</span>元
                            </p>
								</div></li>
							<li class="bolew"><div class="thumb">
								<div><img src="img/411d540271f6efbdd882fa33daee0de3.jpg" width="160" height="160"></div>
								<h3 class="title">小米MIX 3</h3>
								<p class="dese">DxO百分拍照手机</p>
								<p class="price"><span>2599</span>元
                            </p>
								</div></li>
							<li class="bolew"> <div class="thumb">
								<div><img src="img/4c87947d104ee5833913e4c520108f16.jpg" width="160" height="160"></div>
								<h3 class="title">小米CC9</h3>
								<p class="dese">3200万自拍，4800万三摄</p>
								<p class="price"><span>1799</span>元
                            </p>
								</div></li>
							<li class="bolew"><div class="thumb">
								<div><img src="img/134efaa5dec3267ce29e36bad3ec26c9.jpg" width="160" height="160"></div>
								<h3 class="title">小米9 SE</h3>
								<p class="dese">索尼4800万三摄</p>
								<p class="price"><span>1599</span>元
                            </p>
								</div></li>
							
						</ul>
						
					</div>
					
				</div>
				
			</div>
			<div class="hr-2">
				<img src="img/e64bcac4e4b7c2ceb94f277bbc57ad45.jpg" width="100%"  />
				
			</div>
			<div class="top-8">
				<div class="top-8-top">
					<p class="title" style="padding: 20px;">家电</p>
				</div>
				<div class="top-8-bolew">
					<div class="top-8-bolew-left">
						<ul>
							<li><img src="img/b67de5a8ce9025fb5d8bac66e019d1c3.jpg" width="230" height="290"></li>
							<li style="margin-top: 10px;"><img src="img/b56fd90a60e3d9e5d87dae9fbd427ea8.jpg" width="230" height="290"></li>
						</ul>
						
					</div>
					<div class="top-8-bolew-right">
						<ul>
							<li><div class="thumb">
								<div><img src="img/6f2493e6c6fe8e2485c407e5d75e3651.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 8 Pro</h3>
								<p class="dese">6400万全场景四摄</p>
								<p class="price"><span>1399</span>元
			                </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/beee478168e5c4fd0d66369386fddbbe.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi K20 pro</h3>
								<p class="dese">晓龙855，弹出全面屏</p>
								<p class="price"><span>2299</span>元
			                </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/0ce61b71e2f81df62bd0c05aaa901d22.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 7</h3>
								<p class="dese">4800万拍照千元机</p>
								<p class="price"><span>1099</span>元
			                </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/4c87947d104ee5833913e4c520108f16.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 8</h3>
								<p class="dese">千元4800万四摄</p>
								<p class="price"><span>999</span>元
			                </p>
								</div></li>
							<li class="bolew"><div class="thumb">
								<div><img src="img/9aab8a7fa9005ef918c9aa2d5f17c806.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi 7</h3>
								<p class="dese">4000mAh超长续航</p>
								<p class="price"><span>699</span>元
			                </p>
								</div></li>
							<li class="bolew"><div class="thumb">
								<div><img src="img/411d540271f6efbdd882fa33daee0de3.jpg" width="160" height="160"></div>
								<h3 class="title">小米MIX 3</h3>
								<p class="dese">DxO百分拍照手机</p>
								<p class="price"><span>2599</span>元
			                </p>
								</div></li>
							<li class="bolew"> <div class="thumb">
								<div><img src="img/4c87947d104ee5833913e4c520108f16.jpg" width="160" height="160"></div>
								<h3 class="title">小米CC9</h3>
								<p class="dese">3200万自拍，4800万三摄</p>
								<p class="price"><span>1799</span>元
			                </p>
								</div></li>
							<li class="bolew8">
								
										<div class="thumb3">
								<div >
									<img src="img/134efaa5dec3267ce29e36bad3ec26c9.jpg" >
									</div>
								<div>
								<h3 class="title3">小米9 SE</h3>
								<p class="price3"><span>1599</span>元</p>
								</div>
								</div>
								
								</li>
							<li class="bolew9">
									<div class="thumb4">
									<div >
										<img src="img/右%20(1).png" width="50" height="50" >
										</div>
									<div>
									<h3 class="title4">浏览更多</h3>
									<p class="price4" align="left">热门</p>
									</div>
									</div></li>
						</ul>
						
					</div>
					
				</div>
				
			</div>
			<div class="hr-3">
				<img src="img/aaa1792a3d7d4e011e21b37ac8fbd3c2.jpg" width="100%"  />
				
			</div>
			
			<div class="top-9">
				<div class="top-9-top">
					<p class="title" style="padding: 20px;">智能</p>
				</div>
				<div class="top-9-bolew">
					<div class="top-9-bolew-left">
						<ul>
							<li><img src="img/b67de5a8ce9025fb5d8bac66e019d1c3.jpg" width="230" height="290"></li>
							<li style="margin-top: 10px;"><img src="img/b56fd90a60e3d9e5d87dae9fbd427ea8.jpg" width="230" height="290"></li>
						</ul>
						
					</div>
					<div class="top-9-bolew-right">
						<ul>
							<li><div class="thumb">
								<div><img src="img/6f2493e6c6fe8e2485c407e5d75e3651.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 8 Pro</h3>
								<p class="dese">6400万全场景四摄</p>
								<p class="price"><span>1399</span>元
			                </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/beee478168e5c4fd0d66369386fddbbe.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi K20 pro</h3>
								<p class="dese">晓龙855，弹出全面屏</p>
								<p class="price"><span>2299</span>元
			                </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/0ce61b71e2f81df62bd0c05aaa901d22.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 7</h3>
								<p class="dese">4800万拍照千元机</p>
								<p class="price"><span>1099</span>元
			                </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/4c87947d104ee5833913e4c520108f16.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 8</h3>
								<p class="dese">千元4800万四摄</p>
								<p class="price"><span>999</span>元
			                </p>
								</div></li>
							<li class="bolew"><div class="thumb">
								<div><img src="img/9aab8a7fa9005ef918c9aa2d5f17c806.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi 7</h3>
								<p class="dese">4000mAh超长续航</p>
								<p class="price"><span>699</span>元
			                </p>
								</div></li>
							<li class="bolew"><div class="thumb">
								<div><img src="img/411d540271f6efbdd882fa33daee0de3.jpg" width="160" height="160"></div>
								<h3 class="title">小米MIX 3</h3>
								<p class="dese">DxO百分拍照手机</p>
								<p class="price"><span>2599</span>元
			                </p>
								</div></li>
							<li class="bolew"> <div class="thumb">
								<div><img src="img/4c87947d104ee5833913e4c520108f16.jpg" width="160" height="160"></div>
								<h3 class="title">小米CC9</h3>
								<p class="dese">3200万自拍，4800万三摄</p>
								<p class="price"><span>1799</span>元
			                </p>
								</div></li>
							<li class="bolew8">
								
										<div class="thumb3">
								<div >
									<img src="img/134efaa5dec3267ce29e36bad3ec26c9.jpg" >
									</div>
								<div>
								<h3 class="title3">小米9 SE</h3>
								<p class="price3"><span>1599</span>元</p>
								</div>
								</div>
								
								</li>
							<li class="bolew9">
									<div class="thumb4">
									<div >
										<img src="img/右%20(1).png" width="50" height="50" >
										</div>
									<div>
									<h3 class="title4">浏览更多</h3>
									<p class="price4" align="left">热门</p>
									</div>
									</div></li>
						</ul>
						
					</div>
					
				</div>
				
			</div>
			<div class="hr-4">
				<img src="img/0e2cf7dd837eb8d4690070d7dfa817d9.jpg" width="100%"  />
				
			</div>
			<div class="top-9">
				<div class="top-9-top">
					<p class="title" style="padding: 20px;">搭配</p>
				</div>
				<div class="top-9-bolew">
					<div class="top-9-bolew-left">
						<ul>
							<li><img src="img/b67de5a8ce9025fb5d8bac66e019d1c3.jpg" width="230" height="290"></li>
							<li style="margin-top: 10px;"><img src="img/b56fd90a60e3d9e5d87dae9fbd427ea8.jpg" width="230" height="290"></li>
						</ul>
						
					</div>
					<div class="top-9-bolew-right">
						<ul>
							<li><div class="thumb">
								<div><img src="img/6f2493e6c6fe8e2485c407e5d75e3651.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 8 Pro</h3>
								<p class="dese">6400万全场景四摄</p>
								<p class="price"><span>1399</span>元
			                </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/beee478168e5c4fd0d66369386fddbbe.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi K20 pro</h3>
								<p class="dese">晓龙855，弹出全面屏</p>
								<p class="price"><span>2299</span>元
			                </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/0ce61b71e2f81df62bd0c05aaa901d22.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 7</h3>
								<p class="dese">4800万拍照千元机</p>
								<p class="price"><span>1099</span>元
			                </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/4c87947d104ee5833913e4c520108f16.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 8</h3>
								<p class="dese">千元4800万四摄</p>
								<p class="price"><span>999</span>元
			                </p>
								</div></li>
							<li class="bolew"><div class="thumb">
								<div><img src="img/9aab8a7fa9005ef918c9aa2d5f17c806.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi 7</h3>
								<p class="dese">4000mAh超长续航</p>
								<p class="price"><span>699</span>元
			                </p>
								</div></li>
							<li class="bolew"><div class="thumb">
								<div><img src="img/411d540271f6efbdd882fa33daee0de3.jpg" width="160" height="160"></div>
								<h3 class="title">小米MIX 3</h3>
								<p class="dese">DxO百分拍照手机</p>
								<p class="price"><span>2599</span>元
			                </p>
								</div></li>
							<li class="bolew"> <div class="thumb">
								<div><img src="img/4c87947d104ee5833913e4c520108f16.jpg" width="160" height="160"></div>
								<h3 class="title">小米CC9</h3>
								<p class="dese">3200万自拍，4800万三摄</p>
								<p class="price"><span>1799</span>元
			                </p>
								</div></li>
							<li class="bolew8">
								
										<div class="thumb3">
								<div >
									<img src="img/134efaa5dec3267ce29e36bad3ec26c9.jpg" >
									</div>
								<div>
								<h3 class="title3">小米9 SE</h3>
								<p class="price3"><span>1599</span>元</p>
								</div>
								</div>
								
								</li>
							<li class="bolew9">
									<div class="thumb4">
									<div >
										<img src="img/右%20(1).png" width="50" height="50" >
										</div>
									<div>
									<h3 class="title4">浏览更多</h3>
									<p class="price4" align="left">热门</p>
									</div>
									</div></li>
						</ul>
						
					</div>
					
				</div>
				
			</div>
			<div class="hr-4">
				<img src="img/89c2a209b742fce9b10d9d196149d634.jpg" width="100%"  />
				
			</div>
			<div class="top-9">
				<div class="top-9-top">
					<p class="title" style="padding: 20px;">配件</p>
				</div>
				<div class="top-9-bolew">
					<div class="top-9-bolew-left">
						<ul>
							<li><img src="img/b67de5a8ce9025fb5d8bac66e019d1c3.jpg" width="230" height="290"></li>
							<li style="margin-top: 10px;"><img src="img/b56fd90a60e3d9e5d87dae9fbd427ea8.jpg" width="230" height="290"></li>
						</ul>
						
					</div>
					<div class="top-9-bolew-right">
						<ul>
							<li><div class="thumb">
								<div><img src="img/6f2493e6c6fe8e2485c407e5d75e3651.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 8 Pro</h3>
								<p class="dese">6400万全场景四摄</p>
								<p class="price"><span>1399</span>元
			                </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/beee478168e5c4fd0d66369386fddbbe.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi K20 pro</h3>
								<p class="dese">晓龙855，弹出全面屏</p>
								<p class="price"><span>2299</span>元
			                </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/0ce61b71e2f81df62bd0c05aaa901d22.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 7</h3>
								<p class="dese">4800万拍照千元机</p>
								<p class="price"><span>1099</span>元
			                </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/4c87947d104ee5833913e4c520108f16.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 8</h3>
								<p class="dese">千元4800万四摄</p>
								<p class="price"><span>999</span>元
			                </p>
								</div></li>
							<li class="bolew"><div class="thumb">
								<div><img src="img/9aab8a7fa9005ef918c9aa2d5f17c806.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi 7</h3>
								<p class="dese">4000mAh超长续航</p>
								<p class="price"><span>699</span>元
			                </p>
								</div></li>
							<li class="bolew"><div class="thumb">
								<div><img src="img/411d540271f6efbdd882fa33daee0de3.jpg" width="160" height="160"></div>
								<h3 class="title">小米MIX 3</h3>
								<p class="dese">DxO百分拍照手机</p>
								<p class="price"><span>2599</span>元
			                </p>
								</div></li>
							<li class="bolew"> <div class="thumb">
								<div><img src="img/4c87947d104ee5833913e4c520108f16.jpg" width="160" height="160"></div>
								<h3 class="title">小米CC9</h3>
								<p class="dese">3200万自拍，4800万三摄</p>
								<p class="price"><span>1799</span>元
			                </p>
								</div></li>
							<li class="bolew8">
								
										<div class="thumb3">
								<div >
									<img src="img/134efaa5dec3267ce29e36bad3ec26c9.jpg" >
									</div>
								<div>
								<h3 class="title3">小米9 SE</h3>
								<p class="price3"><span>1599</span>元</p>
								</div>
								</div>
								
								</li>
							<li class="bolew9">
									<div class="thumb4">
									<div >
										<img src="img/右%20(1).png" width="50" height="50" >
										</div>
									<div>
									<h3 class="title4">浏览更多</h3>
									<p class="price4" align="left">热门</p>
									</div>
									</div></li>
						</ul>
						
					</div>
					
				</div>
				
			</div>
			
						<div class="hr-4">
				<img src="img/10fb0086cb21120c53248a3d8cc56dc5.jpg" width="100%"  />
				
			</div>
			<div class="top-9">
				<div class="top-9-top">
					<p class="title" style="padding: 20px;">周边</p>
				</div>
				<div class="top-9-bolew">
					<div class="top-9-bolew-left">
						<ul>
							<li><img src="img/b67de5a8ce9025fb5d8bac66e019d1c3.jpg" width="230" height="290"></li>
							<li style="margin-top: 10px;"><img src="img/b56fd90a60e3d9e5d87dae9fbd427ea8.jpg" width="230" height="290"></li>
						</ul>
						
					</div>
					<div class="top-9-bolew-right">
						<ul>
							<li><div class="thumb">
								<div><img src="img/6f2493e6c6fe8e2485c407e5d75e3651.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 8 Pro</h3>
								<p class="dese">6400万全场景四摄</p>
								<p class="price"><span>1399</span>元
			                </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/beee478168e5c4fd0d66369386fddbbe.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi K20 pro</h3>
								<p class="dese">晓龙855，弹出全面屏</p>
								<p class="price"><span>2299</span>元
			                </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/0ce61b71e2f81df62bd0c05aaa901d22.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 7</h3>
								<p class="dese">4800万拍照千元机</p>
								<p class="price"><span>1099</span>元
			                </p>
								</div></li>
							<li><div class="thumb">
								<div><img src="img/4c87947d104ee5833913e4c520108f16.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi Note 8</h3>
								<p class="dese">千元4800万四摄</p>
								<p class="price"><span>999</span>元
			                </p>
								</div></li>
							<li class="bolew"><div class="thumb">
								<div><img src="img/9aab8a7fa9005ef918c9aa2d5f17c806.jpg" width="160" height="160"></div>
								<h3 class="title">Redmi 7</h3>
								<p class="dese">4000mAh超长续航</p>
								<p class="price"><span>699</span>元
			                </p>
								</div></li>
							<li class="bolew"><div class="thumb">
								<div><img src="img/411d540271f6efbdd882fa33daee0de3.jpg" width="160" height="160"></div>
								<h3 class="title">小米MIX 3</h3>
								<p class="dese">DxO百分拍照手机</p>
								<p class="price"><span>2599</span>元
			                </p>
								</div></li>
							<li class="bolew"> <div class="thumb">
								<div><img src="img/4c87947d104ee5833913e4c520108f16.jpg" width="160" height="160"></div>
								<h3 class="title">小米CC9</h3>
								<p class="dese">3200万自拍，4800万三摄</p>
								<p class="price"><span>1799</span>元
			                </p>
								</div></li>
							<li class="bolew8">
								
										<div class="thumb3">
								<div >
									<img src="img/134efaa5dec3267ce29e36bad3ec26c9.jpg" >
									</div>
								<div>
								<h3 class="title3">小米9 SE</h3>
								<p class="price3"><span>1599</span>元</p>
								</div>
								</div>
								
								</li>
							<li class="bolew9">
									<div class="thumb4">
									<div >
										<img src="img/右%20(1).png" width="50" height="50" >
										</div>
									<div>
									<h3 class="title4">浏览更多</h3>
									<p class="price4" align="left">热门</p>
									</div>
									</div></li>
						</ul>
						
					</div>
					
				</div>
				
			</div>
									<div class="hr-4">
				<img src="img/10fb0086cb21120c53248a3d8cc56dc5.jpg" width="100%"  />
				
			</div>
			<div class="top-9" style="height: 440px;">
				<div class="top-9-top">
					<p class="title" style="padding: 20px;">视频</p>
				</div>
				<div class="top-9-bolew">
					
					<div class="top-9-bolew-right">
						<ul>
							<li class="top-10"><div class="thumb">
								<div><img src="img/6f2493e6c6fe8e2485c407e5d75e3651.jpg" width="160" height="160"></div>
									<h3 class="title">Redmi Note 8 Pro</h3>
									<p class="dese">6400万全场景四摄</p>
									<p class="price"><span>1399</span>元
								</p>
									
								</div></li>
							<li class="top-10"><div class="thumb">
								<div><img src="img/6f2493e6c6fe8e2485c407e5d75e3651.jpg" width="160" height="160"></div>
									<h3 class="title">Redmi Note 8 Pro</h3>
									<p class="dese">6400万全场景四摄</p>
									<p class="price"><span>1399</span>元
								</p>
									</div></li>
							<li class="top-10"><div class="thumb">
								<div><img src="img/6f2493e6c6fe8e2485c407e5d75e3651.jpg" width="160" height="160"></div>
									<h3 class="title">Redmi Note 8 Pro</h3>
									<p class="dese">6400万全场景四摄</p>
									<p class="price"><span>1399</span>元
								</p>
									</div></li>
							<li class="top-10"><div class="thumb">
								<div><img src="img/6f2493e6c6fe8e2485c407e5d75e3651.jpg" width="160" height="160"></div>
									<h3 class="title">Redmi Note 8 Pro</h3>
									<p class="dese">6400万全场景四摄</p>
									<p class="price"><span>1399</span>元
								</p>
									</div></li>
							
						
						</ul>
						
					</div>
					
				</div>
				
			</div>
			
			<div class="top-11">
				<div>
					<ul>
						<li>预约维修服务</li>
						<li>7天无理由退货</li>
						<li>15天免费换货</li>
						<li>满150元包邮</li>
						<li>520余家售后网点</li>
						
					</ul>
				</div>
				
			</div>
			
		</div>
		</div>
	</body>
</html>
